{% extends 'web/common/base.html' %}
{% block content %}
    <div class="col-xs-12">
        <div class="clearfix">
            <h3 class="header smaller lighter blue">博客管理</h3>
            <div class="pull-right tableTools-container">
                <button class="btn btn-success btn-sm" onclick="window.location.href='toAdd'"><i
                        class="ace-icon fa fa-search-plus bigger-130"></i>添加博客
                </button>
            </div>
        </div>
        <div class="table-header">
            Results for "Latest Registered Domains"
        </div>

        <!-- div.table-responsive -->

        <!-- div.dataTables_borderWrap -->
        <div>
            <table id="dynamic-table" class="table table-striped table-bordered table-hover">
                <thead>
                <tr>
                    <th class="center">
                        <label class="pos-rel">
                            <input type="checkbox" class="ace"/>
                            <span class="lbl"></span>
                        </label>
                    </th>
                    <th>标题</th>
                    <th>内容</th>
                    <th class="hidden-480">添加时间</th>
                    <th>
                        <i class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>
                        添加人
                    </th>
                    <th class="hidden-480">Status</th>
                    <th>操作</th>
                </tr>
                </thead>

                <tbody>
                {% for blog in blogs %}
                    <tr>
                        <td class="center">
                            <label class="pos-rel">
                                <input type="checkbox" class="ace"/>
                                <span class="lbl"></span>
                            </label>
                        </td>

                        <td>
                            <a href="#">{{ blog.title }}</a>
                        </td>
                        <td>{{ blog.body }}</td>
                        <td class="hidden-480">{{ blog.timestamp }}</td>
                        <td>小李</td>

                        <td class="hidden-480">
                            <span class="label label-sm label-warning">Expiring</span>
                        </td>
                        <td>
                            <div class="hidden-sm hidden-xs action-buttons">
                                <a class="blue" href="#">
                                    <i class="ace-icon fa fa-search-plus bigger-130"></i>
                                    查看
                                </a>

                                <a class="green" href="#">
                                    <i class="ace-icon fa fa-pencil bigger-130"></i>
                                    编辑
                                </a>

                                <a class="red" href="#">
                                    <i class="ace-icon fa fa-trash-o bigger-130"></i>
                                    删除
                                </a>
                            </div>

                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}